<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //值类型,生成的map映射，原来的arr不会改变
        let arr=["tw","twcdcom"];
       let new_arr= arr.map(function(value,index,arr){
           return  `值:${value}`;
       });
       console.log(new_arr);
       console.log(arr);
       //对象类型的数组
       let arr1=[{name:"唐玮",age:20},{name:"sss",age:21},{name:"sb",age:25}];
    //    let new_arr1=arr1.map(function(value,index,arr1){
    //        value.grade=100;//加了一个成绩属性改变了原来的数组
    //    });
    //    console.table(new_arr1);
    //    console.table(arr1);

     //如果不想改变原来的数组
     let arr111=arr1.map(function(value){
         return{
             name:value.name,
             age:value.age,
             grade:100//这里生成了一个新的数组
         }
     });
     console.table(arr111);//映射出来一个新的数组，并且加上了新的元素grade
     console.table(arr1);//原来的数组没有改变
    </script>
</body>
</html>